<template>
  <el-descriptions :title="t('ustcstudent.view.tab.basic')" :column="3" border label-width="150">
    <el-descriptions-item :label="t('ustcstudent.fields.studentPhoto')" width="280">
      <EditImage v-model="model.studentPhoto" disabled />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.admissionsPhoto')" width="280">
      <EditImage v-model="model.admissionsPhoto" disabled />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.graduationPhoto')" width="280">
      <EditImage v-model="model.graduationPhoto" disabled />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.studentCode')" width="280">
      <EditInput
        v-model="model.studentCode"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.studentCode')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.studentName')" width="280">
      <EditInput
        v-model="model.studentName"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.studentName')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.studentNamePinyin')" width="280">
      <EditInput
        v-model="model.studentNamePinyin"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.studentNamePinyin')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.studentNameUsed')" width="280">
      <EditInput
        v-model="model.studentNameUsed"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.studentNameUsed')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.gender')" width="280">
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_GENDER"
        v-model="model.gender"
        :placeholder="t('common.selectTextPlaceholder') + t('ustcstudent.fields.gender')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.ethnic')" width="280">
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_ETHNIC"
        v-model="model.ethnic"
        :placeholder="t('common.selectTextPlaceholder') + t('ustcstudent.fields.ethnic')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.birthdate')" width="280">
      <EditDate
        v-model="model.birthdate"
        :placeholder="t('common.selectTextPlaceholder') + t('ustcstudent.fields.birthdate')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.nativePlace')" width="280">
      <EditInput
        v-model="model.nativePlace"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.nativePlace')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.politicalStatus')" width="280">
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_POLITICAL_AFFILIATION"
        v-model="model.politicalStatus"
        :placeholder="t('common.selectTextPlaceholder') + t('ustcstudent.fields.politicalStatus')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.identityType')" width="280">
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_DOCUMENT_TYPE"
        v-model="model.identityType"
        :placeholder="t('common.selectTextPlaceholder') + t('ustcstudent.fields.identityType')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.identityNumber')" width="280">
      <EditInput
        v-model="model.identityNumber"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.identityNumber')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.passportNameEnglish')" width="280">
      <EditInput
        v-model="model.passportNameEnglish"
        :placeholder="
          t('common.inputTextPlaceholder') + t('ustcstudent.fields.passportNameEnglish')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.countryRegion')" width="280">
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_NATIONALITY"
        v-model="model.countryRegion"
        :placeholder="t('common.selectTextPlaceholder') + t('ustcstudent.fields.countryRegion')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.marriageStatus')" width="280">
      <EditInput
        :dict-type="DICT_TYPE.USTC_INFO_MARITAL_STATUS"
        v-model="model.marriageStatus"
        :placeholder="t('common.selectTextPlaceholder') + t('ustcstudent.fields.marriageStatus')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.studentOrigin')" width="280">
      <EditInput
        v-model="model.studentOrigin"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.studentOrigin')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.birthPlace')" :span="3" width="280">
      <EditInput
        v-model="model.birthPlace"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.birthPlace')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.homeAddress')" :span="2" width="280">
      <EditInput
        v-model="model.homeAddress"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.homeAddress')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.residencePlace')" width="280">
      <EditInput
        v-model="model.residencePlace"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.residencePlace')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.residenceAddress')" :span="2" width="280">
      <EditInput
        v-model="model.residenceAddress"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.residenceAddress')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.residenceZipcode')" width="280">
      <EditInput
        v-model="model.residenceZipcode"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.residenceZipcode')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.onePassCode')" width="280">
      <EditInput
        v-model="model.onePassCode"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.onePassCode')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.stationUniversity')" width="280">
      <EditInput
        v-model="model.stationUniversity"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.stationUniversity')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.stationHome')" width="280">
      <EditInput
        v-model="model.stationHome"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.stationHome')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.personalPhone1')" width="280">
      <EditInput
        v-model="model.personalPhone1"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.personalPhone1')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.personalPhone2')" width="280">
      <EditInput
        v-model="model.personalPhone2"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.personalPhone2')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.personalPhone3')" width="280">
      <EditInput
        v-model="model.personalPhone3"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.personalPhone3')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.personalEmail1')" width="280">
      <EditInput
        v-model="model.personalEmail1"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.personalEmail1')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.personalEmail2')" width="280">
      <EditInput
        v-model="model.personalEmail2"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.personalEmail2')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.personalEmailUniversity')" width="280">
      <EditInput
        v-model="model.personalEmailUniversity"
        :placeholder="
          t('common.inputTextPlaceholder') + t('ustcstudent.fields.personalEmailUniversity')
        "
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.masterNumber')" width="280">
      <EditInput
        v-model="model.masterNumber"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.masterNumber')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.phdNumber')" width="280">
      <EditInput
        v-model="model.phdNumber"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.phdNumber')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.bachelorNumber')" width="280">
      <EditInput
        v-model="model.bachelorNumber"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.bachelorNumber')"
        disabled
      />
    </el-descriptions-item>
    <!--    <el-descriptions-item :label="t('ustcstudent.fields.trainingPeriod')" width="280">-->
    <!--      <EditDate-->
    <!--        v-model="model.trainingPeriod"-->
    <!--        :placeholder="t('common.selectTextPlaceholder') + t('ustcstudent.fields.trainingPeriod')"-->
    <!--        disabled-->
    <!--      />-->
    <!--    </el-descriptions-item>-->
    <!--    <el-descriptions-item :label="t('ustcstudent.fields.trainingInstitution')" width="280">-->
    <!--      <EditInput-->
    <!--        v-model="model.trainingInstitution"-->
    <!--        :placeholder="-->
    <!--          t('common.inputTextPlaceholder') + t('ustcstudent.fields.trainingInstitution')-->
    <!--        "-->
    <!--        disabled-->
    <!--      />-->
    <!--    </el-descriptions-item>-->
    <el-descriptions-item :label="t('ustcstudent.fields.researchDept')" width="280">
      <EditInput
        v-model="model.researchDept"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.researchDept')"
        disabled
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.arpNumber')" width="280">
      <EditInput
        v-model="model.arpNumber"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.arpNumber')"
      />
    </el-descriptions-item>
    <el-descriptions-item :label="t('ustcstudent.fields.remark')" width="280">
      <EditInput
        v-model="model.remark"
        :placeholder="t('common.inputTextPlaceholder') + t('ustcstudent.fields.remark')"
        disabled
      />
    </el-descriptions-item>
  </el-descriptions>
</template>

<script setup lang="ts">
import EditInput from './input/EditInput.vue'
import EditDict from './input/EditDict.vue'
import EditDate from './input/EditDate.vue'
import EditImage from './input/EditImage.vue'
import { UstcStudentVO } from '@/api/core/ustcstudent'
import { DICT_TYPE } from '@/utils/dict'

const { t } = useI18n()

const model = defineModel<UstcStudentVO>({ required: true })
</script>

<style scoped lang="scss"></style>
